//上接公共头部
.toper{
    height: 30px;
    li{
        float: left;
       margin-right: 10px;
       line-height: 30px;
    }
}
.main{
    height: 500px;
    .first{
        width: 201px;
        height: 499px;
        border: 1px solid #C0C0C0;
        border-top: none;
        ul{margin-left: 60px;}
        .tl{
            width: 200px;height: 40px;
            background: orangered;text-align: center;
           a{
               font-size: 22px;color: white;
               line-height: 40px;letter-spacing: 2px;
            }
        }
        .one{
            width: 200px;margin-bottom: 15px;margin-top: 5px;
            .special{color: #999999;font-size: 18px;margin-bottom: 5px;}
            li{
                line-height: 20px;
                letter-spacing: 2px;
                a{font-size: 14px;}
            }
        }
    }
    .second{
        height: 500px;width: 960px;
        .user{
            width: 960px;height: 140px;
              border: 1px solid #C0C0C0;
           
            .welcome_l{
                width: 460px;height: 140px;
              
                .wel{
                    height: 60px;line-height: 60px;
                    padding-left: 30px;
                    font-size: 14px;
                    letter-spacing: 2px;
                    .w2{font-size: 16px;color: #000000;font-weight: 700;}
                   
                    }
                 
             .safe{
                    width: 460px;height: 20px;
                    .dx{
                        width: 60px;
                        float: left;
                        margin-left: 30px;
                    }
                    .dv{
                         width: 105px;
                         height: 15px;
                        float: left;
                        margin-left: 20px;
                        margin-right: 20px;
                        border: 1px solid #C0C0C0;
                        .sm1{width: 50px;height:14px;background: orange;}
                        .sm2{width: 50px;height:14px;}
                    }
                    .mob{
                         width: 460px;
                         height: 20px;
                        
                        
                    }
                }
           
            
        }
        .welcome_r{
            li{
                width: 130px;height: 130px;
                float: left;
                div{
                    width: 90px;height: 30px;
                    
                   
                    margin-top: 50px;
                    a{
                        font-size: 16px;
                        color: #C0C0C0;
                    }
                    a:hover{color: red;}
                }
                
            }
        }
    }
    
}
        .near{
            width: 960px;height: 90px;
            background: #F9F9F9;
            span{
                line-height: 90px;
                font-size: 16px;
            }
            .sp1{font-size: 18px; margin-left: 20px;}
            .sp2{
                margin-left: 38px;
                a{color: #666666;}
                a:hover{color: red;}
                
            }
            .sp3{margin-left: 500px;}
        }
        .near_lis{
            width: 960px;height: 90px;
            padding-top: 35px;
            letter-spacing: 2px;
            span{
                font-size: 14px;
                margin-left: 250px;
                margin-top: 39px;
                color: #C0C0C0;
                a{font-size: 14px;}
            }
        }
}




/*公共底部*/
.dg {
  width: 1190px;
  height: 25px;
 
}
.dg p {
  font-size: 17px;
  color: #666;
  line-height: 25px;
  border-bottom: 3px solid #808080;
  position: relative;
}
.brand_bottom {
  height: 454px;
  padding-top: 30px;
  border: 1px solid #E2E2E2;
  border-top: none;
   margin-top: 30px;
}
.brand_bottom .brand_lis {
  width: 1082px;
  height: 246px;
  border: 1px solid #E2E2E2;
}
.brand_bottom .brand_lis li {
  width: 90px;
  height: 59px;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  text-align: center;
  float: left;
}
.brand_bottom .brand_bottom_words {
  width: 1188px;
  height: 184px;
  margin-top: 15px;
  margin-left: 20px;
}
.brand_bottom .brand_bottom_words li {
  width: 570px;
  height: 46px;
  margin-left: 10px;
  line-height: 20px;
}
.brand_bottom .brand_bottom_words li .hd1 a {
  font-size: 16px;
  margin-left: 20px;
  margin-right: 20px;
  color: #666666;
}
.brand_bottom .brand_bottom_words li .hd2 a {
  font-size: 16px;
  padding-left: 5px;
  padding-right: 5px;
}
.brand_bottom .brand_bottom_words li .hd3 a {
  font-size: 16px;
  margin-right: 29px;
}
.pro {
  height: 46px;
  border: 1px solid #666666;
  margin-top: 20px;
  background: #E2E2E2;
}
.pro li {
  line-height: 46px;
  float: left;
  margin-left: 65px;
  padding-left: 50px;
  letter-spacing: 3px;
}
.pro li a {
  font-size: 18px;
}
.pro li a span {
  font-size: 18px;
  color: #E60012;
}
.service {
  height: 113px;
  margin-top: 10px;
}
.service ul {
  float: left;
  margin-right: 5px;
}
.service ul .big {
  font-size: 16px;
  font-weight: 700;
}
.service ul li {
  line-height: 25px;
}
.service ul li a {
  font-size: 14px;
  color: #666666;
}
.service ul li a:hover {
  color: red;
}
.service .lef {
  width: 150px;
  height: 90px;
}
.service .mid span {
  color: red;
}
.service .mob2 {
  margin-right: 15px;
}
#last {
  background: #000000;
}
.last {
  height: 106px;
  background: #000000;
  overflow: hidden;
  position: relative;
}
.last .l_img {
  margin-top: 20px;
}
p.about,
p.copy {
  position: absolute;
  color: white;
}
p.about a,
p.copy a {
  color: white;
}
.about {
  right: 10px;
  top: 10px;
}
.copy {
  right: 10px;
  top: 35px;
}
.pic {
  position: absolute;
  bottom: 5px;
  right: 10px;
}
.pic a {
  padding-right: 10px;
}








